<template>
	<view class="bg-black flex justify-between padding">
		<picker @change="PickerChange" range-key="name"
			:value="index" :range="picker" style="display: inline-block;">
			<view class="picker">
				<text class="cuIcon cuIcon-location"></text> {{picker[index].name}}
			</view>
		</picker>
		<view class="check-map" @click="checkMap">
			<text>查看详情 </text>
			<text class="cuIcon cuIcon-right"></text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: 0,
				picker: [{
					id: 1,
					name: '金穗路全球建面店'
				}],
			}
		},
		methods: {
			PickerChange(e) {
				this.index = e.detail.value
			},
			checkMap() {
				uni.navigateTo({
					url: '/pages/addr/index?id=1'
				})
			}
		}
	}
</script>

<style>
</style>
